<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=request.getContextPath()%>/" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>五折购物-商城首页</title>

<link rel="stylesheet" href="css/Index.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>

<body onload="getClassList();getRecommendGood();">

	<!-- 1.工具栏-->
	<div id="toolbar">
		<div id="div_1">
			<!-- 欢迎语-->
			<div id="d1_welcom">
				<span>欢迎来五折购物商城!</span>
			</div>
			<!-- 功能按钮-->
			<div id="d1_login">
				<ul>
					<li><a href="">[登录]</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">[免费注册]</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="page/user/find_cartGoods">我的订单</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">购物车0件</a></li>
				</ul>
			</div>

		</div>

	</div>

	<!-- 2.图片 -->
	<div id="div_2">

		<img src="images/img.gif" alt="" />

	</div>

	<!--3. logo-->
	<div id="div_3">
		<div id="d3_logo">
			<img src="images/logo.jpg" alt="" />
		</div>

		<div id="d3_find">
			<ul id="d3_ul1">
				<li><input type="text" name="输入" /></li>
				<li><a href="">搜索</a></li>
			</ul>
			<ul id="d3_ul2">
				<li><a href="#电脑数码">电脑数码</a></li>
				<li><a href="#家电通讯">家电通讯</a></li>
				<li><a href="#佳人名仕">佳人名仕</a></li>
				<li><a href="#食品母婴">食品母婴</a></li>
				<li><a href="#生活专区">生活专区</a></li>
				<li><a href="#图书音像">图书音像</a></li>

			</ul>
		</div>

	</div>

	<!--4.导航-->
	<div id="div_4">
		<div id="d4_type">
			<a href="">商品分类</a>
		</div>
		<div id="d4_ng">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="">论坛</a></li>
				<li><a href="">留言板</a></li>
				<li><a href="">个人信息</a></li>
				<li><a href="">充值</a></li>
			</ul>
		</div>
	</div>

	<div id="div_5">
		<div id="d5_1">
			<ul>
				<li><a href="#电脑数码"><img class="d5_spot"
						src="images/spot.gif" alt="" />电脑数码<img class="d5_img"
						src="images/trigon.gif" alt="" /></a></li>
				<li><a href="#家电通讯"><img class="d5_spot"
						src="images/spot.gif" alt="" />家电通讯<img class="d5_img"
						src="images/trigon.gif" alt="" /></a></li>
				<li><a href="#佳人名仕"><img class="d5_spot"
						src="images/spot.gif" alt="" />佳人名仕<img class="d5_img"
						src="images/trigon.gif" alt="" /></a></li>
				<li><a href="#食品母婴"> <img class="d5_spot"
						src="images/spot.gif" alt="" />食品母婴<img class="d5_img"
						src="images/trigon.gif" alt="" /></a></li>
				<li><a href="#生活专区"> <img class="d5_spot"
						src="images/spot.gif" alt="" />生活专区 <img class="d5_img"
						src="images/trigon.gif" alt="" /></a></li>
				<li><a href="#图书音像"><img class="d5_spot"
						src="images/spot.gif" alt="" />图书音像<img class="d5_img"
						src="images/trigon.gif" alt="" /></a></li>
			</ul>
		</div>

		<div id="d5_2">
			<a><img src="images/guanggao.jpg" alt="" /></a>
		</div>
	</div>

	<!--推荐商品 -->
	<div id="div_6">
		<div id="d6_1">
			<span id="recommendGood">推荐商品</span>
		</div>
		<div id="d6_2">
			<ul id="recommend_ul">

			</ul>
		</div>
	</div>

	<div id="div_7"></div>

	<div id="div_footer"></div>

</body>

</html>
